﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Index.Master" AutoEventWireup="true" CodeBehind="home_Order.aspx.cs" Inherits="Dryricenet.home_Order" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        * {
            margin:0px;
            padding:0px;
        }
        hr {
             margin-top:40px;
        }
        #order {
            width:1200px;
           /* height:760px;*/
           margin:auto;
          /* background:#00ffff;*/
        }
        .order_p {
            color:#656565;
            /*float:left;*/
            margin:10px 0px 20px 60px;
        }
        .order_Information {
             width:1000px;
             margin:auto;
            margin:10px 0px 20px 90px;
        }
        .order_sjr {
            font-size:14px;
            font-weight:700;
            color:#000000;
        }
        .dizi {
            width:340px;
            color: #000;
            background: none;
            padding: 8px 10px;
            outline: none;
            border: 1px solid #c4c6cf;
            border-radius:4px;
            font-family: 'Lato-Regular';
            font-size: 14px;
            margin-top:10px;
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }
        .beizu {
           /* width:700px;*/
            height:100px;
        }
        .Distribution {
             margin:10px 0px 20px 90px;
        }
        .tjdd {
            float:right;
            width: 142px;
            height: 48px;
            font-size: 18px;
           /* color: #fff;*/
           color:#000000;
            background-color: #fec700;
            text-align: center;
            line-height: 48px;
            margin-top: 40px;
            margin-right: -192px;
            border:none;
            cursor: pointer;
        }
        .tjdd:hover{
            background:#ffd643;
               color: #fff;
        }
        .top {
            margin-top:15px;
           
        }
        .payXlk {
            border:none;
            width: 100px;
            height: 20px;
            text-align: center;
        }
         .total{
              width: 194px;
            height: 20px;
            float:right;
            margin-bottom:10px;
        }
        .bottom_order {
            margin-bottom:125px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <hr />
    <div id="order">
        <p class="order_p">填写并核对订单信息</p>
        <div class="order_Information">
            <p class="order_sjr">收件人信息</p>
            <div class="order_dizi">
                <table>
                    <tr>
                        <td style="padding-left:40px;color:#656565">地址信息：</td>
                        <td>
                            <asp:TextBox ID="txtDiZi" runat="server" CssClass="dizi" placeholder="请选择省/市/区/街道"></asp:TextBox></td>
                        <td style="padding-left:40px;color:#656565">收货人姓名：</td>
                        <td>
                            <asp:TextBox ID="txtName" runat="server" CssClass="dizi"></asp:TextBox></td>
                    </tr>
                    <tr>
                        <td style="padding-left:40px;color:#656565">详细地址：</td>
                        <td>
                            <asp:TextBox ID="txtXX" runat="server" CssClass="dizi" placeholder="请输入详细地址信息，如道路、门牌号、小区、楼栋号、单元等信息"></asp:TextBox></td>
                        <td style="padding-left:40px;color:#656565;float:right;margin-top:10px">手机号码：</td>
                        <td><asp:TextBox ID="txtPhone" runat="server" CssClass="dizi"></asp:TextBox></td>
                    </tr>
                     <tr>
                        <td style="padding-left:40px;color:#656565">备注：</td>
                         <td><asp:TextBox ID="txtBeizu" runat="server" CssClass="dizi beizu" TextMode="MultiLine"></asp:TextBox></td>
                       </tr>
                </table>
                      
            </div>
           <hr  style="margin-top:5px;color:#656565"/>
        </div>
        <div class="order_Information">
             <p class="order_sjr">支付及配送方式</p>
            <div class="Distribution">
                <p>订单编号：<asp:Literal ID="Literal2" runat="server"></asp:Literal></p>
                <p>支付方式：<asp:DropDownList ID="DropDownList1" runat="server" CssClass="payXlk"></asp:DropDownList></p>
                <p>运&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：￥<asp:Literal ID="Literal4" runat="server"></asp:Literal></p>
                <p>送货日期：工作日、双休日与假日均可送货</p>
            </div>
            <hr style="margin-top:5px;color:#656565"/>
        </div>
            <div class="order_Information">
                <p class="order_sjr">送货清单</p>
                 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="100%" CssClass="top" BackColor="White" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4">
                <Columns>
                    <asp:BoundField DataField="FoodID" HeaderText="商品编号" >
                    <ControlStyle Width="200px" />
                    <HeaderStyle Height="40px" />
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="200px" />
                    </asp:BoundField>
                    <asp:BoundField DataField="FoodName" HeaderText="商品名称" >
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="206px" />
                    </asp:BoundField>
                    <asp:ImageField DataImageUrlField="PicUrl" HeaderText="图片">
                        <ControlStyle Height="140px" Width="206px" />
                        <ItemStyle Height="140px" HorizontalAlign="Center" VerticalAlign="Middle" Width="206px" />
                    </asp:ImageField>
                    <asp:BoundField DataField="Price" HeaderText="单价" >
                    <ControlStyle Width="200px" />
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="200px" />
                    </asp:BoundField>
                    <asp:BoundField DataField="number" HeaderText="数量" >
                    <ControlStyle Width="200px" />
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="200px" />
                    </asp:BoundField>
                </Columns>
                     <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
                     <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
                     <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" HorizontalAlign="Center" />
                     <RowStyle BackColor="White" ForeColor="#330099" />
                     <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
                     <SortedAscendingCellStyle BackColor="#FEFCEB" />
                     <SortedAscendingHeaderStyle BackColor="#AF0101" />
                     <SortedDescendingCellStyle BackColor="#F6F0C0" />
                     <SortedDescendingHeaderStyle BackColor="#7E0000" />
            </asp:GridView>
                <div class="total">
                    <p>商品总额：￥<asp:Literal ID="Literal1" runat="server"></asp:Literal></p>  
                    <p>运费：￥<asp:Literal ID="Literal3" runat="server" Text="0.00"></asp:Literal></p>
                    
                </div>
            </div>
        <div class="bottom_order">
             <asp:Button ID="Button1" runat="server" Text="提交订单" CssClass="tjdd" OnClick="Button1_Click" />
        </div>
        
    </div>
    
</asp:Content>
